<!doctype html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="1.0">
    <meta name="author" content="程慧敏、陈卓">
    <title>狮偶-Sample</title>

    <!-- Bootstrap core CSS -->
    <link href="static/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/bootstrap-icons.css">
    <script src="static/js/jquery.min.js"></script>

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        .large-header {
            /* background: url(static/images/apic26689.jpg); */
            /*position: fixed;*/
            width: 100%;
            background-size: cover;
            background-position: 50% 50%;
            top: 0px;
            bottom: 0px;
            right: 0px;
            left: 0px;
            background-repeat: no-repeat;
            z-index: 10;
            text-align: center;
        }
    </style>
    <script>
        function openProject(projPath) {
            let IDE_PATH = '../openblock/';
            if (projPath.endsWith('json')) {
                let url =
                    IDE_PATH +
                    'frontpage/index.html#%7B%22proj%22:%22/testing/' +
                    projPath +
                    '%22%7D'
                window.open(url);
            } else if (projPath.endsWith('.zip') || projPath.endsWith('.obp') || projPath.endsWith('.roarpack')) {
                let url =
                    IDE_PATH +
                    'frontpage/index.html#%7B%22srczip%22:%22/testing/' +
                    projPath +
                    '%22%7D'
                window.open(url);
            }
        }

        function makeURL(projSort, projPath) {
            let IDE_PATH = '../openblock/';
            if (projPath.endsWith('.json')) {
                let url =
                    IDE_PATH +
                    'frontpage/index.html#%7B%22proj%22:%22/testing/' +
                    projSort + '/' +
                    projPath +
                    '%22%7D'
                return (url);
            } else if (projPath.endsWith('.zip') || projPath.endsWith('.obp') || projPath.endsWith('.roarpack')) {
                let url =
                    IDE_PATH +
                    'frontpage/index.html#%7B%22srczip%22:%22/testing/' +
                    projSort + '/' +
                    projPath +
                    '%22%7D'
                return (url);
            }
        }
        $(document).ready(function () {
            var txt = fetch('./list.json').then(async (response) => {
                // let txt = await response.json();
                // let htmlstr = "";
                // let imgstr = '';
                // for (let i in txt) {
                //     if (txt[i]['img']) {
                //         imgstr = '<img src="' + txt[i]['img'] + '" class="" height="225" width="100%">';
                //     } else {
                //         imgstr = '<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title></title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">' + txt[i]['name'] + '</text></svg>';
                //     }
                //     htmlstr += '<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6" style="cursor:pointer;"><div class="card mb-3 shadow-sm" onmouseover="this.className=\'card mb-3 shadow-lg\';$(\'.id' + i + '\').addClass(\'bg-info text-white\');" onmouseout="this.className=\'card mb-3 shadow-sm\';$(\'.id' + i + '\').removeClass(\'bg-info text-white\');"><a target="_Blank" href="' + makeURL(txt[i].url) + '">' + imgstr + '</a><div class="card-body text-center id' + i + '" id=""><h5 class="card-text">' + txt[i]['name'] + '</h5></div></div> </div>';
                // }
                let data = await response.json();
                let htmlstr = "";

                // 遍历每个组
                data.forEach(function (group) {
                    let groupSort = group.sort; // 获取当前组的组号
                    let groupItems = group.project; // 获取当前组的数组

                    // 遍历组中的每个项目
                    groupItems.forEach(function (item, index) {
                        let imgstr = '';

                        if (item['img']) {
                            imgstr = '<img src="' + groupSort + '/' + item['img'] + '" class="" height="225" width="100%">';
                        } else {
                            imgstr = '<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title></title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">' + item['name'] + '</text></svg>';
                        }

                        // 用下划线替换斜杠，保证jQuery 选择器的合法
                        let safeGroupSort = groupSort.replace(/\//g, '_');

                        // 拼接HTML字符串，并添加组号作为类名的一部分
                        // htmlstr += '<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 ' + groupSort + '" style="cursor:pointer;"><div class="card mb-3 shadow-sm" onmouseover="this.className=\'card mb-3 shadow-lg\';$(\'.id' + groupSort + '-' + index + '\').addClass(\'bg-info text-white\');" onmouseout="this.className=\'card mb-3 shadow-sm\';$(\'.id' + groupSort + '-' + index + '\').removeClass(\'bg-info text-white\');"><a target="_Blank" href="' + makeURL(groupSort, item.url) + '">' + imgstr + '</a><div class="card-body text-center id' + groupSort + '-' + index + '" id=""><h5 class="card-text">' + item['name'] + '</h5></div></div> </div>';
                        htmlstr += '<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 ' + safeGroupSort + '" style="cursor:pointer;"><div class="card mb-3 shadow-sm" onmouseover="this.className=\'card mb-3 shadow-lg\';$(\'.id' + safeGroupSort + '-' + index + '\').addClass(\'bg-info text-white\');" onmouseout="this.className=\'card mb-3 shadow-sm\';$(\'.id' + safeGroupSort + '-' + index + '\').removeClass(\'bg-info text-white\');"><a target="_Blank" href="' + makeURL(groupSort, item.url) + '">' + imgstr + '</a><div class="card-body text-center id' + safeGroupSort + '-' + index + '" id=""><h5 class="card-text">' + item['name'] + '</h5></div></div> </div>';
                    });
                });
                $('.openblocklist').html(htmlstr);
                $(window).scroll(function () {
                    var $scroll = $(document).scrollTop()
                    if ($scroll > 30) {
                        $(".scrollTo").css('display', '');
                    } else {
                        $(".scrollTo").css('display', 'none');
                    }

                });
                $('.scrollTo').click(function () {
                    scrollTo(0, 0);
                })
            });
        });
    </script>
</head>

<body>
    <header>
        <div class="collapse bg-dark" id="navbarHeader">
            <div class="container">
                <div class="row">
                    <div class="col-sm-8 col-md-7 py-4">
                        <h4 class="text-white">关于狮偶</h4>
                        <p class="text-muted">
                        </p>
                    </div>
                    <div class="col-sm-4 offset-md-1 py-4">
                        <h4 class="text-white">联系我们</h4>
                        <ul class="list-unstyled">
                            <li><a href="#" class="text-white">wechat微信:duzc2dtw</a></li>
                            <li><a href="#" class="text-white">email:duzc2@163.com</a></li>
                            <li><a href="https://gitee.com/openblock/openblock/" target="_blank"
                                    class="text-white">项目主页</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="navbar navbar-dark bg-dark shadow-sm">
            <div class="container d-flex justify-content-between">
                <a href="#" class="navbar-brand d-flex align-items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="300 250 400 100" style="width: 40px;height: 40px;">
                        <defs>
                            <style>
                                .cls-1 {
                                    fill: #fff;
                                }
                            </style>
                        </defs>
                        <g id="图层_1" data-name="图层 1">
                            <path class="cls-1"
                                d="M529.76,304.29c-.18-.4-.36-.79-.56-1.18l-.68-1.08a17.54,17.54,0,0,0-4.66-4.74A20.37,20.37,0,0,0,513,279.93a19.72,19.72,0,0,0-9-2.22l-2.35.15c-.77.13-1.54.26-2.31.41s-1.5.45-2.23.71-1.45.58-2.13.94A20.39,20.39,0,0,0,484,297.29a17.68,17.68,0,0,0-4.66,4.74l-.68,1.08c-.19.39-.37.78-.56,1.18a15.67,15.67,0,0,0-.86,2.5,14.61,14.61,0,0,0-.2,5.4,16.7,16.7,0,0,0,3.83,8.2,24,24,0,0,0,6.77,5.5,30.9,30.9,0,0,0,7.94,3.08,35.71,35.71,0,0,0,16.7,0,31,31,0,0,0,7.93-3.08,24.21,24.21,0,0,0,6.78-5.5,16.68,16.68,0,0,0,3.82-8.2,14.4,14.4,0,0,0-.2-5.4A14.74,14.74,0,0,0,529.76,304.29Zm-4.91,6.59c-1.18,3.45-4.47,6.15-8.29,7.85a28.57,28.57,0,0,1-6.11,1.91,34.49,34.49,0,0,1-13,0,28.22,28.22,0,0,1-6.11-1.91c-3.82-1.7-7.11-4.4-8.3-7.85a8.76,8.76,0,0,1-.49-3.24,10,10,0,0,1,.26-1.69l.22-.85.34-.84a12.07,12.07,0,0,1,1.18-2.13h0a17.52,17.52,0,0,1,3.68-3.83,30.27,30.27,0,0,1,15.73-5.79,32.16,32.16,0,0,0-16.86,3,23.6,23.6,0,0,1,4.76-6.31,17.17,17.17,0,0,1,24.21,0,23.34,23.34,0,0,1,4.76,6.33,32.11,32.11,0,0,0-16.87-3,30.34,30.34,0,0,1,15.73,5.79,15.43,15.43,0,0,1,4.85,6l.34.84.22.85a9.11,9.11,0,0,1,.26,1.69A8.76,8.76,0,0,1,524.85,310.88Z" />
                            <path class="cls-1"
                                d="M661,204.44a94,94,0,0,1-6.67,9,78.64,78.64,0,0,1-16.24,14.89,62.85,62.85,0,0,1-19.49,9,59.31,59.31,0,0,1-10.48,1.85c-1.77.16-3.55.22-5.33.24-.89,0-1.78,0-2.66,0l-2.76-.13a74.81,74.81,0,0,0-24.19,2.51,57.15,57.15,0,0,0-21.49,11.67,66.66,66.66,0,0,0-5.66,5.48c1.33-2,2.69-4,4.12-5.9,1.1-1.53,2.28-3,3.44-4.48l3.64-4.55c2.44-3,4.85-5.88,7.39-8.6a80.29,80.29,0,0,1,7.86-7.61,55.78,55.78,0,0,1,8.56-6.1,43.91,43.91,0,0,1,9.31-4,47.23,47.23,0,0,1,4.87-1.08,30,30,0,0,1,4.72-.26,37.31,37.31,0,0,1,5.1.57c1.87.32,4,.66,6.11.89a54.33,54.33,0,0,0,12.94-.11,62.35,62.35,0,0,0,12.38-2.76,67.17,67.17,0,0,0,11.37-5.07,72.64,72.64,0,0,0,18.77-15.26A122.07,122.07,0,0,1,645.3,204a78.66,78.66,0,0,1-10.9,2.66,68.36,68.36,0,0,1-10.92.85,47.58,47.58,0,0,1-5.37-.26,44,44,0,0,1-5.23-.77c-1.75-.34-3.5-.81-5.5-1.26a47.67,47.67,0,0,0-6.56-1.15,30.86,30.86,0,0,0-3.73-.15c.6-.55,1.18-1.11,1.73-1.7l.63-.69.56-.63c.38-.44.76-.89,1.13-1.37a27.73,27.73,0,0,0,5.79-13.76,34,34,0,0,0-1.86-15.2,32.25,32.25,0,0,0-8-12.29l-2.8-2.35c-1-.68-2-1.34-3-2s-2.14-1-3.21-1.54-2.2-.79-3.29-1.17A38.48,38.48,0,0,0,571.51,150a51.71,51.71,0,0,0-6.39.88,43.26,43.26,0,0,0-6.1,1.8,55.86,55.86,0,0,1,6.23.24,49.91,49.91,0,0,1,6,.87,38.77,38.77,0,0,1,11,3.83l2.36,1.44,2.13,1.64c.63.63,1.28,1.21,1.91,1.8l1.66,2a22,22,0,0,1,4.23,9.15,17.74,17.74,0,0,1-.9,9.41,85.32,85.32,0,0,1-3.95,9c-.19.4-.4.8-.61,1.21l-.66,1.19c-.37.77-.84,1.49-1.26,2.26-.9,1.5-1.92,3-3,4.45a81.23,81.23,0,0,1-7.14,8.05l-1.37.71-.15-.74a38.91,38.91,0,0,0-4.87-11.77,57.46,57.46,0,0,0-18.18-17.91,82.9,82.9,0,0,0-23.37-10.07A96.18,96.18,0,0,0,516.59,167a114.09,114.09,0,0,0-12.65-.79,116.26,116.26,0,0,0-12.65.8,95,95,0,0,0-12.47,2.43,82.63,82.63,0,0,0-23.35,10.06,57.57,57.57,0,0,0-18.18,17.91,38.83,38.83,0,0,0-4.79,11.43,76.47,76.47,0,0,1-6.79-7.69,49.38,49.38,0,0,1-3-4.45c-.43-.77-.89-1.49-1.27-2.26l-.65-1.19c-.22-.41-.42-.81-.61-1.21a83.29,83.29,0,0,1-3.95-9,17.74,17.74,0,0,1-.91-9.41,22.15,22.15,0,0,1,4.24-9.15l1.65-2c.63-.59,1.28-1.17,1.92-1.8l2.13-1.64,2.35-1.44a38.83,38.83,0,0,1,11-3.83,49.74,49.74,0,0,1,6-.87,56,56,0,0,1,6.23-.24,42.87,42.87,0,0,0-6.1-1.8,51.71,51.71,0,0,0-6.39-.88A38.52,38.52,0,0,0,425,151.29c-1.09.38-2.19.76-3.29,1.17s-2.14,1-3.21,1.54-2,1.29-3,2l-2.79,2.35a32.13,32.13,0,0,0-8,12.29,34.14,34.14,0,0,0-1.87,15.2,27.73,27.73,0,0,0,5.79,13.76c.38.48.76.93,1.14,1.37l.55.63.63.69c.59.62,1.2,1.21,1.83,1.79a33.94,33.94,0,0,0-5.79.06,47.67,47.67,0,0,0-6.56,1.15c-2,.45-3.75.92-5.49,1.26a44.56,44.56,0,0,1-5.23.77,47.87,47.87,0,0,1-5.38.26,68.36,68.36,0,0,1-10.92-.85,79,79,0,0,1-10.9-2.66,122,122,0,0,1-21.32-9.43A72.6,72.6,0,0,0,360,209.87a67.27,67.27,0,0,0,11.38,5.07,62.1,62.1,0,0,0,12.37,2.76,54.34,54.34,0,0,0,12.94.11c2.15-.23,4.24-.57,6.11-.89a37.45,37.45,0,0,1,5.11-.57,30,30,0,0,1,4.71.26,46.66,46.66,0,0,1,4.87,1.08,43.7,43.7,0,0,1,9.31,4,56.35,56.35,0,0,1,8.57,6.1,82.6,82.6,0,0,1,7.86,7.61c2.53,2.72,4.94,5.63,7.38,8.6l3.64,4.55c1.17,1.48,2.35,2.95,3.45,4.48,1.43,1.92,2.79,3.9,4.12,5.9a69.78,69.78,0,0,0-5.66-5.48,57.11,57.11,0,0,0-21.5-11.67,74.77,74.77,0,0,0-24.18-2.51l-2.76.13c-.89,0-1.78,0-2.67,0-1.77,0-3.55-.08-5.32-.24a59.42,59.42,0,0,1-10.49-1.85,62.9,62.9,0,0,1-19.48-9,78.39,78.39,0,0,1-16.24-14.89,92.48,92.48,0,0,1-6.68-9,82,82,0,0,1-5.6-9.83,82.4,82.4,0,0,0,9.82,20.66,79.66,79.66,0,0,0,15.36,17.48,68.94,68.94,0,0,0,9.73,6.77q2.59,1.47,5.32,2.7l-1,1.43c-.72,1.07-1.46,2.15-2.13,3.28s-1.21,2.3-1.79,3.48A53.63,53.63,0,0,0,372,265.6l-.26,1.7c-.05.57-.08,1.14-.11,1.72-.07,1.15-.12,2.3-.15,3.46s.11,2.33.18,3.49l.13,1.76c.06.58.18,1.16.26,1.74l.6,3.5c.28,1.15.61,2.3.92,3.45.17.57.32,1.15.49,1.72l.63,1.68c.44,1.12.83,2.25,1.32,3.34a54.4,54.4,0,0,0,3.42,6.34l1,1.52.49.76.54.72,2.21,2.83a46.1,46.1,0,0,0,10.62,9.25c.6.36,1.21.71,1.82,1.05A70.77,70.77,0,0,0,381.57,332a48,48,0,0,0-7.71,27.33,41.86,41.86,0,0,0,11.83,27.19,42.95,42.95,0,0,0,43.3,11.2l1-.26.92-.34,1.85-.7c.61-.24,1.24-.45,1.83-.73l1.76-.87.28-.14a96.2,96.2,0,0,0,26.67,15.14,118.21,118.21,0,0,0,81.36,0,96.66,96.66,0,0,0,26.66-15.13l.25.13,1.76.86a19.44,19.44,0,0,0,1.83.74l1.84.7a13.79,13.79,0,0,0,1.88.62,42.86,42.86,0,0,0,43.34-11.18,42.4,42.4,0,0,0,8.45-12.63A41.57,41.57,0,0,0,634,359.33a45.72,45.72,0,0,0-1.81-14.47A50.69,50.69,0,0,0,626.35,332a70.27,70.27,0,0,0-14.52-16.35c.6-.34,1.19-.69,1.78-1a45.9,45.9,0,0,0,10.62-9.25l2.21-2.83.55-.72.48-.76,1-1.52a51.55,51.55,0,0,0,3.42-6.34c.49-1.09.89-2.22,1.32-3.34l.63-1.68c.18-.57.33-1.15.49-1.72.31-1.15.64-2.3.92-3.45l.6-3.5c.09-.58.2-1.16.27-1.74l.12-1.76c.07-1.16.17-2.33.18-3.49s-.08-2.31-.14-3.46c0-.58-.06-1.15-.12-1.72l-.26-1.7a53.63,53.63,0,0,0-4.54-15.19c-.58-1.18-1.18-2.34-1.79-3.48s-1.4-2.21-2.13-3.28l-1-1.43c1.82-.82,3.6-1.72,5.32-2.7a69.62,69.62,0,0,0,9.74-6.77,79.66,79.66,0,0,0,15.36-17.48,82.75,82.75,0,0,0,9.82-20.66A83.45,83.45,0,0,1,661,204.44Zm-102.48,57.7q2.78-1.93,5.65-3.66c.17.51.34,1,.49,1.54a28.53,28.53,0,0,1,.8,3.93,15.59,15.59,0,0,1-.73,7.62,10.26,10.26,0,0,1-2,3.21,12.15,12.15,0,0,1-3.3,2.37,23.18,23.18,0,0,1-8.54,2.1,24.45,24.45,0,0,0,9.26,0,14.73,14.73,0,0,0,4.61-1.87,14,14,0,0,0,3.8-3.58,20.72,20.72,0,0,0,3.51-9.72,34.42,34.42,0,0,0,.22-5.07c0-.84-.08-1.68-.16-2.53,0-.42-.09-.85-.14-1.27s-.08-.54-.13-.83c1.6-.76,3.23-1.48,4.89-2.13a55.86,55.86,0,0,1,5.68-1.94A24.09,24.09,0,0,0,576.86,265a18.43,18.43,0,0,0,.73,5.63,41.47,41.47,0,0,0,1.83,4.73,9.89,9.89,0,0,1,.88,3.34,11.77,11.77,0,0,1-.34,3.38,13,13,0,0,1-1.33,3.3,15.4,15.4,0,0,1-2.12,2.91,13.38,13.38,0,0,1-2.65,2.17,17.69,17.69,0,0,1-6.52,2.44,20.79,20.79,0,0,1-7.21,0c-4.69-.77-9.1-3.64-12.65-8a27.17,27.17,0,0,1-4.87-8.8A104.86,104.86,0,0,1,558.54,262.14ZM407.76,248.05l2.91,0a56.73,56.73,0,0,1,20.49,4.13c1.65.65,3.28,1.37,4.88,2.13-.05.29-.08.54-.12.83s-.11.85-.15,1.27c-.08.85-.14,1.69-.15,2.53a33.1,33.1,0,0,0,.22,5.07,20.72,20.72,0,0,0,3.51,9.72,13.87,13.87,0,0,0,3.79,3.58,14.83,14.83,0,0,0,4.61,1.87,24.5,24.5,0,0,0,9.27,0,23.18,23.18,0,0,1-8.54-2.1,11.85,11.85,0,0,1-3.3-2.37,10.08,10.08,0,0,1-2.05-3.21,15.36,15.36,0,0,1-.73-7.62,27.12,27.12,0,0,1,.8-3.93c.14-.52.31-1,.49-1.54q2.87,1.72,5.65,3.66a105.82,105.82,0,0,1,16.1,14.16q1.69,1.81,3.35,3.71c-2.33,2.31-4.57,4.51-6.89,6.47a37.41,37.41,0,0,1-10,6.4,17,17,0,0,1-10.12,1,25.8,25.8,0,0,1-10-5.21,61.22,61.22,0,0,1-8.92-8.93,110.22,110.22,0,0,1-7.71-10.64c-2.36-3.8-4.8-7.4-6.92-11.34-1.76-3.18-3.34-6.51-4.9-9.94l1.45.12C405.75,248,406.75,248,407.76,248.05ZM538.22,397.41c-8.88,6.39-21.2,10.5-34.28,10.47s-25.41-4.08-34.28-10.47A43.44,43.44,0,0,1,459,386.73a32.81,32.81,0,0,1-4-7.87c.51-.71,1-1.42,1.49-2.15l.52-.78.41-.59.83-1.18c.28-.39.54-.8.84-1.17l.91-1.12a25.87,25.87,0,0,1,1.88-2.17,50.23,50.23,0,0,1,16.48-11.85,15.46,15.46,0,0,0,1,6.64,21,21,0,0,0,5.85,8.18,29.49,29.49,0,0,0,37.44,0,21,21,0,0,0,5.85-8.19,15.45,15.45,0,0,0,1-6.64A50.47,50.47,0,0,1,546,369.68a25.63,25.63,0,0,1,1.88,2.17,22.73,22.73,0,0,1,1.75,2.29l.83,1.17.42.59.51.77c.47.73,1,1.45,1.5,2.16a32.79,32.79,0,0,1-4,7.89A43.65,43.65,0,0,1,538.22,397.41Zm-58.39-40.2a62.81,62.81,0,0,1,48.21,0,21,21,0,0,1-9.53,9.63,32.75,32.75,0,0,1-29.16,0A20.93,20.93,0,0,1,479.83,357.21ZM623,245.29c.09,1.23.2,2.43.31,3.62s.12,2.4.2,3.57a94.26,94.26,0,0,1-.08,13.67l-.09,1.39-.16,1.39c-.11.92-.21,1.84-.28,2.76s-.28,1.83-.42,2.73l-.2,1.36c-.07.46-.18.9-.28,1.34-.2.9-.37,1.79-.55,2.69l-.74,2.62-.36,1.31-.48,1.27c-.32.84-.59,1.71-.94,2.54a47.19,47.19,0,0,1-2.38,4.84l-.66,1.18-.32.59-.38.55-1.52,2.23a69.62,69.62,0,0,1-7.16,8.15,73,73,0,0,1-10.63,8.27c-3.92,2.55-8.11,5-12.55,7.73a39.78,39.78,0,0,0,15.52-.46,48.28,48.28,0,0,0,12.08-4.51,79.41,79.41,0,0,1,11.36,18c3.47,7.88,4.89,16.44,3.61,24.38a33.58,33.58,0,0,1-11.24,20.07,32.8,32.8,0,0,1-9.74,5.77,31.5,31.5,0,0,1-10.89,2c-7.35.11-14.58-2.9-20.39-7.37a39.87,39.87,0,0,1-7.59-8.21c-.54-.79-1.07-1.58-1.56-2.4l-.4-.65-.51-.8-1-1.61a34.64,34.64,0,0,0-2.22-3.13,36.77,36.77,0,0,0-2.41-3,59.44,59.44,0,0,0-11.32-10.29,71.55,71.55,0,0,0-13.27-7.38,78.09,78.09,0,0,0-29.34-5.8A81.22,81.22,0,0,0,489,337.21a70.23,70.23,0,0,0-27.69,11.73c-1,.77-2.07,1.48-3.06,2.3l-2.92,2.48c-.93.88-1.84,1.78-2.75,2.68s-1.72,1.9-2.57,2.85-1.63,2-2.4,3l-1.16,1.53c-.37.52-.7,1.07-1.06,1.6l-1,1.62-.51.8-.39.63c-.49.82-1,1.61-1.55,2.4a39.61,39.61,0,0,1-7.6,8.2c-5.82,4.44-13.07,7.46-20.43,7.32a31.66,31.66,0,0,1-10.92-2,33.21,33.21,0,0,1-21-25.85,43.78,43.78,0,0,1,3.68-24.37,79.4,79.4,0,0,1,11.37-18,48.48,48.48,0,0,0,12,4.49,39.79,39.79,0,0,0,15.52.46c-4.44-2.75-8.63-5.18-12.54-7.73a71.94,71.94,0,0,1-10.63-8.27,68.8,68.8,0,0,1-7.17-8.15c-.5-.74-1-1.48-1.51-2.23l-.38-.55-.33-.59-.66-1.18a49.34,49.34,0,0,1-2.38-4.84c-.35-.83-.62-1.7-.94-2.54l-.47-1.27-.36-1.31-.75-2.62c-.18-.9-.34-1.79-.55-2.69-.09-.44-.21-.88-.28-1.34l-.19-1.36c-.14-.9-.28-1.81-.43-2.73s-.16-1.84-.27-2.76l-.17-1.39-.09-1.39a95.7,95.7,0,0,1-.08-13.67c.09-1.17.15-2.36.2-3.57s.23-2.39.31-3.62l.1-1.61c.68.27,1.36.53,2.05.77a67,67,0,0,0,11.69,2.81c1.13.18,2.27.31,3.4.43a53,53,0,0,0,1.36,11.79,57.16,57.16,0,0,0,4.87,13.39,92.45,92.45,0,0,0,7.3,12.29,61.6,61.6,0,0,0,9.82,11,33.66,33.66,0,0,0,14,7.54,24.46,24.46,0,0,0,8.54.53,23.64,23.64,0,0,0,8.07-2.58,29.09,29.09,0,0,0,11-10.87,36.15,36.15,0,0,0,3.66-8.44c3,3.61,6,7.39,8.84,11.41a102.79,102.79,0,0,0-13.4-46.26c-1-1.79-2.08-3.54-3.17-5.29s-2.17-3.33-3.28-5q-3.36-5-7.3-9.88a82.45,82.45,0,0,0-8.7-9.18,68.89,68.89,0,0,0-8.31-6.33c.21-.43.41-.86.63-1.28a40.72,40.72,0,0,1,6.7-8.91,60.71,60.71,0,0,1,18.07-12.41c13.38-6.17,28.27-8.79,43.07-8.84s29.68,2.68,43.06,8.85a61,61,0,0,1,18.06,12.41,40.48,40.48,0,0,1,6.7,8.91c.23.41.42.85.64,1.28a68.57,68.57,0,0,0-8.31,6.32,83.38,83.38,0,0,0-8.7,9.18c-2.62,3.23-5.06,6.53-7.29,9.88-1.12,1.68-2.22,3.31-3.29,5s-2.17,3.5-3.17,5.29a102.78,102.78,0,0,0-13.39,46.26A165.42,165.42,0,0,1,539,280.1a25.84,25.84,0,0,0,2.67,8.55,28,28,0,0,0,6.39,8.43,24.49,24.49,0,0,0,9.83,5.35,25.23,25.23,0,0,0,11.23.49,23.62,23.62,0,0,0,10.45-4.67,22.79,22.79,0,0,0,4.06-4.21,24.63,24.63,0,0,0,2.8-4.94,22.42,22.42,0,0,0,1.56-5.49,19.4,19.4,0,0,0,.06-5.85,17.94,17.94,0,0,0-1.81-5.51,38.16,38.16,0,0,1-1.81-3.8,11.24,11.24,0,0,1-.7-3.51,16.94,16.94,0,0,1,.28-3.86c.88-5.21,4-10.1,9-12s11.18-1,15.76,2.43a15.6,15.6,0,0,1,5.26,6.83,19.72,19.72,0,0,1,1.26,9,19.64,19.64,0,0,0,.13-9.4,17.73,17.73,0,0,0-4.88-8.44,19,19,0,0,0-2.57-2.08c.39-.06.79-.09,1.18-.16a67,67,0,0,0,11.69-2.81c.69-.24,1.37-.5,2.05-.77Z" />
                            <path class="cls-1"
                                d="M492,245.89c.95.38,1.89.78,2.86,1.12s2,.6,3,.81,2,.35,3,.48l3.07.19a29.4,29.4,0,0,0,11.94-2.58,28.47,28.47,0,0,0-11.94-54.32l2.49.16c.83.11,1.65.26,2.47.39s1.6.45,2.4.67,1.54.62,2.31.92a22.66,22.66,0,0,1,7.77,5.91,22.26,22.26,0,0,1,4.45,8.37A22.73,22.73,0,1,1,482,208a22.51,22.51,0,0,1,12.24-14.27c.77-.3,1.53-.64,2.32-.92s1.58-.49,2.4-.67,1.64-.28,2.46-.39l2.5-.16A28.41,28.41,0,0,0,492,245.89Z" />
                        </g>
                    </svg>
                    <strong>狮偶</strong>
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
                    aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>
        </div>
    </header>

    <main role="main">
        <div class=" large-header">

            <section class="jumbotron text-center bg-light" style="margin-bottom:0px;background-color:#fff;opacity:0.9">
                <div class="container">
                    <h1>狮偶</h1>
                    <p class="lead text-muted">
                        狮偶是一门专为没有技术背景的非研发人员设计的图形化脚本语言。<br /> 以完全图形化的方式展现逻辑，并提供大量的图形方式展示逻辑内容，简单易学。
                        <br /> 狮偶是面向业务的编程语言，提供了完整IDE支持。
                        <br /> 狮偶编辑器原生使用HTML5技术构建，可部署于任何服务器并在任何主流浏览器中运行。
                        <br /> 狮偶精简的指令集，支持多宿主语言、可跨平台部署；支持高并发、多线程；
                        <br /> 内部实现了类型系统、语法树、编译、字节码、运行时等现代语言的全部技术核心。
                        <br /> 面向状态机的编程范式，降低了代码之间的耦合，拥有快速构建可扩展、易维护的业务模型的能力。
                    </p>
                    <p>
                        <a href="https://space.bilibili.com/1142760799" target="_blank"
                            class="btn btn-success btn-lg"><span class="bi-play-btn"></span>
                            视频教程</a>
                        <a href="../docs/" target="_blank" class="btn btn-info btn-lg"><span class="bi-book"></span>
                            打开文档</a>
                        <a href="https://gitee.com/openblock/openblock/" target="_blank"
                            class="btn btn-info btn-lg"><span class="bi-house"></span> 项目主页</a>
                        <a href="../openblock/frontpage/" target="_blank"
                            class="btn btn-primary btn-lg margin-right-lg"><span
                                class="bi-layout-text-window-reverse"></span> 打开编辑器</a>
                    </p>
                </div>
            </section>

            <div class="album py-5 bg-light" style="opacity:0.9">
                <div class="container">
                    <div class="row openblocklist">
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="text-muted" style="margin-top:15px;">
        <div class="container">
            <p class="float-right">
                <!--<a href="https://www.bootcss.com/" target="_blank">本站基于bootstrap设计</a>-->
                本站基于bootstrap设计
            </p>
            <p>网页作者 :程慧敏、陈卓</p>
            <p>本站素材均来自网络，有版权异议请联系作者删除</p>
        </div>
    </footer>


    <script src="static/js/bootstrap.bundle.js"></script>

    <div class="position-fixed bottom-0 right-0 p-3 text-center"
        style="z-index: 5; right: 20px; bottom: 0;cursor:pointer;">
        <div class="scrollTo" style="display:none;">
            <h1 class="bi bi-arrow-up-circle text-info "></h1>
            <p class="text-muted">返回顶部</p>
        </div>

    </div>
</body>

</html>